import Image from "next/image";
import styles from "./page.module.css";
import React from "react";
import { Button, Divider, List, Typography } from "antd";

import Link from "next/link";
export default function Home() {
  const data = [
    "Racing car sprays burning fuel into crowd.",
    "Japanese princess to wed commoner.",
    "Australian walks 100km after outback crash.",
    "Man charged over missing wedding girl.",
    "Los Angeles battles huge wildfires.",
  ];

  return (
    
    <main className={styles.main}>
     
     <div className={styles.content_list_item}>
          <div>
            <h2 className={styles.content_title}>
              Get started by editing&nbsp;
            </h2>
          </div>
          <hr />
          <div className={styles.subtitle}>subtitle</div>
          <div className={styles.item_content}>
            If at any point any pages of our website is not loading correctly
            for you (theme looks non-existent, etc), there's a very simple fix:
            simply hit Ctrl+F5 on your browser to refresh the page and clear
            your cache simultaneously.
          </div>
        </div>

        <div className={styles.content_list_item}>
          <div>
            <h2 className={styles.content_title}>
              Get started by editing&nbsp;
            </h2>
          </div>
          <hr />
          <div className={styles.subtitle}>subtitle</div>
          <div className={styles.item_content}>
            If at any point any pages of our website is not loading correctly
            for you (theme looks non-existent, etc), there's a very simple fix:
            simply hit Ctrl+F5 on your browser to refresh the page and clear
            your cache simultaneously.
          </div>
        </div>
      
    </main>
  );
}
